<ol id="sections">
    <li class="section">
        <div class="dp-content">
            <div id="my-docplus">
                <div id="left-column">
                    <?php include_component("static", "menu", array("current_route" => "static_about_us")) ?>			
                </div>
                <div id="middle-column">
                    <div id="about-us">
                        <div id="page-heading"><h2>About DocPlus</h2></div>
                        <p class="text">
                            DocPlus is a free service that seamlessly leverages the communications that would traditionally and ineffectively take place between the Members and their doctors.
                            We're simply inspired by our Members to provide them a better service that they wouldn't find anywhere else out there. Indeed, DocPlus is a unique service, one of its kind to emerge directly from the South African local community. In fact,  caring for people, is just what we do best here!
                        </p>
                        <p class="text">
                            DocPlus was envisioned by a local enterprenuer, Batanayi Matuku in 2011. His main goal was (and still is) to help the South African health sector fully realize and deliver the needs of the Member at large.
                            This novel service, was first unleashed only to a selected group of Western Cape doctors, but with it's widespread applicability in people's lives, it's been spreading to other provinces thank veld fire.
                        </p>
                    </div>
                    <h2>A wonderful experience for both the Members (Members) and doctors.</h2>
                    <div id="member-experience">
                        <div class="member-experience-row">
                            <div class=" inline-block">
                                <h2><span class="attribute">Share your DocPlus experience</span></h2>
                            </div>
                            <div class=" inline-block">
                                <button class="blue-button-30" type="submit" id="invoke-share-experience-form">Share</button>
                            </div>
                        </div>
                        <?php include_partial("experience/shared_experiences", array("sharedExperiences" => $sharedExperiences)) ?>
<!--                        
<div id="more-or-less">
<div id="more-or-less-inner">
<span class="view-more">More</span>
<span class="view-less">Less</span>
</div>
</div>
-->
                    </div>             
                </div>
            </div>
        </div>
    </li>
</ol>
<div style="display: none;">
    <div id="share-experience-form-holder"></div>
</div>
<script type="text/javascript">
    $(document).ready(function(){        
        $("#invoke-share-experience-form").live("click", function(){
            // load the share experience form
            $.get('/share-experience', {}, function (data){
                $("#share-experience-form-holder").html(data);
                $.colorbox({inline:true, width:"700px", height:"500px", href:"#share-experience-form-holder", "close":closeHtml});
            }, 'html');
        });    
        
        $(".rate-experience").live("click", function(){
            $("#experience-rating-" + $(this).attr("experienceid")).load("/rate-experience/" + $(this).attr("experienceid") + "/" + $(this).attr("rating"));
        });
    });
</script>